{extend name="public/layout"}
{block name="title"}网格信息{/block}
{block name="head"}
<style>
    html {
        height: 100%;
    }

    body {
        height: 100%;
        background-image: url('/images/bg-index.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .box {

        background-color: #fff;
        padding: 20px 15px;
        margin-bottom: 20px;
        border-radius: 8px;
    }

    .boxs {
        padding: 15px;
        padding-top: 15%;
        background-color: transparent;
    }

    .box > .flex-con {
        padding-left: 10px;
        font-size: 18px;
    }

    .img-icon img {
        width: 20px;
        vertical-align: middle;
    }

    .footer {
        text-align: center;
        color: white;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        font-size: 12px;
    }
</style>

{/block}

{block name="content"}
<div class="boxs">
    {volist name="m" id="vo"}
    <a class="flex box" href="{$vo.link_addr}">
        <div class="img-icon">
            <img src="/images/zxdt.png" alt="">
        </div>
        <div class="flex-con">
            {$vo.title}
        </div>
        <div class="icon icon-next"></div>
    </a>
    {/volist}
</div>
<div class="footer">
    深圳市光明新区马田社区网格管理中心 版权所有
    <br/>
    咨询电话：0755-23693096
</div>
{/block}
